
.home{

  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

}

.home-container{
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;

}

.home-footer{
  width: 100%;
  height: 1rem;
  background-color: #fe8734;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.h-f-next{
  color: #ffffff;
  font-size: .4rem;
  font-weight: bold;
}

.h-c-header{
  width: 100%;
  height: 5rem;

}


.h-c-content{
  width: 100%;
  flex: 1;

}
.h-b-1{
  width: 100%;
  height: 85%;
  background-image: url("../../../assets/h-b-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  position: relative;

}
.h-b-2{
  position: relative;
  top: -3rem;
  height: 4rem;
  z-index: 100;
}
.n-v-message{
  width: .5rem;
  background-image: url("../../../assets/n-v-message.png");
  background-repeat: no-repeat;


}
.n-v-message img{
  margin: 0;
  padding: 0;
  float: right;
}

.h-b-nav{
  padding-top: .2rem;
  display: flex;
  width: 90%;
  justify-content: space-between;
}


.nav-right{
  height: .8rem;
  width: 1.5rem;
  display: flex;
  justify-content: space-between;
}

.nav-logo{
  height: .8rem;
}

.h-b-img{
  width: 100%;
  height: 85%;
  background-image: url("../../../assets/h-b-img.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.c-nav{

  width: 50%;
  display: flex;
  justify-content: space-around;


}
.font{

  font-size: .4rem;
  font-weight: bold;
  cursor: pointer;
  background-image: url("../../../assets/c-nav-font.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 2px;


}


.font2{

  font-size: .4rem;
  font-weight: bold;
  cursor: pointer;
  color: darkgrey;


}





































